<template>
  <div class="app-container">
    <el-row :gutter="15">
      <el-col :span="12">
        <!-- <AGridSkeleton :num="10" :rows="2" :gap="10" /> -->
        <ExecutionLeft ref="executionLeft" :active-row="activeRow" @change="changeCurrentRow" />
      </el-col>
      <el-col :span="12">
        <ExecutionRight :active-row="activeRow" @refresh="refreshData" class="executionRight" />
      </el-col>
    </el-row>
  </div>
</template>

<script>
import ExecutionLeft from "./modules/executionLeft.vue";
import ExecutionRight from "./modules/executionRight.vue";
import Cookies from "js-cookie";
export default {
  name: "treatmentExecution",
  components: { ExecutionLeft, ExecutionRight },
  data() {
    return {
      activeRow: null,
    };
  },
  methods: {
    changeCurrentRow(val) {
      this.activeRow = val;
      // console.log(this.activeRow,"上级目录下的this.activeRow");

      Cookies.set("currentPatient", val);
    },
    refreshData() {
      this.$refs.executionLeft.crud.toQuery();
    },
  },
};
</script>

<style lang="scss" scoped>
.executionRight {
  margin-top: 53px;
}
</style>
